<template>
  <div class="dd">
    <!--<a-button type="primary" ghost class="buttonStyle" @click="showModal"><a-icon type="usergroup-delete" />技术支持</a-button>-->
    <a-modal
        title="技术支持"
        :visible="visible"
        @cancel="handleCancel"
        :footer="null"
        width="60%"
        marginleft="5%"
      >
      <dl style="margin-left: 5%;">
        <dt >
          平台维护
        </dt>
        <dd >
          陈萃&nbsp;&nbsp;电话：63158940&nbsp;&nbsp;&nbsp;&nbsp;徐放&nbsp;&nbsp;电话：63158938&nbsp;&nbsp;&nbsp;&nbsp;
          万斯奇&nbsp;&nbsp;电话：63158941&nbsp;&nbsp;&nbsp;&nbsp;付世娇&nbsp;&nbsp;电话：63158946
          靳莉君&nbsp;&nbsp;电话：63158947
        </dd>
        <dt >
          自然资源数据维护
        </dt>
        <dd>
          江卓&nbsp;&nbsp;雷秋霞&nbsp;&nbsp;&nbsp;&nbsp;电话：67468552
        </dd>
        <dt >
          规划和测绘数据维护
        </dt>
        <dd>
          罗波&nbsp;&nbsp;电话：63158918 &nbsp;&nbsp;&nbsp;&nbsp;沙漠&nbsp;&nbsp;电话：63158919
        </dd>
        <dt>
          硬件维护
        </dt>
        <dd>
          田云兵&nbsp;&nbsp;电话：63158937&nbsp;&nbsp;&nbsp;&nbsp;张好&nbsp;&nbsp;电话：15902360692&nbsp;&nbsp;&nbsp;&nbsp;
          洪永文&nbsp;&nbsp;电话：63158949&nbsp;&nbsp;&nbsp;&nbsp;郑翔&nbsp;&nbsp;电话：63158949
        </dd>
      </dl>
    </a-modal>
  </div>
</template>
<script>
  export default {
    name:"ModalButton",
    data() {
      return {
        visible: false,
        confirmLoading: false,
      }
    },
    methods: {
      showModal() {
        this.visible = true
      },
      handleCancel(e) {
        this.visible = false
      },
    }
  }
</script>
<style>
  .dd,dt{
      color: #1890ff !important;
      font-weight:900 !important;
      margin-bottom: 1.5% !important;
  }
  .dd,dd{
    margin-bottom: 3% !important;
  }
  .buttonStyle{
    border-radius:198px!important;
    width:120px;
  }
</style>
